*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
    background-color: #efefef;
    height: 41.6875rem;
    width: 23.4375rem
}
#header{
    display: flex;
    height: 2.5rem;
    padding: .3125rem;
    background:#ff841d;
    .a1{
        display:inline-block;
        padding:.3125rem 0 0 .1875rem;
        font-size: 1.25rem;
    }
    p{
        display:inline-block;
        font: 1.25rem/ 2.5rem "";
        color:white;
        margin:0 auto;
        font-weight: 600;
    }
    img{
        height:2.125rem;
        width:2.125rem;
        padding:.3125rem .3125rem 0 0;
    }
}
#nav{
    background-color: #ffffff;
    height: 2.125rem;
    width: 23.4375rem;
    margin-top: .1875rem;
    
    
    ul{
        list-style: none;
        height: 2.125rem;
        li{
            display:block;
            float: left;
        //    background-color: red;
           font-size: .875rem;
            height: 2.125rem;
            color: #333333;
            padding-right: 1.3rem;
            width: 6.25rem;
            text-align: center;
            a{
                margin-top: .3125rem;
                display: block;
            }
        }
    }
}
#pull{
    ul{
       
        border-top: 1px solid #ccc; 
        li{
            line-height: 40px;
            width: 22.8125rem;
            height: 40px;
            border-bottom: 1px solid #cccccc;
            font-size: 14px;
            color: black;
            font-weight: bold;
            background-color: #fff;
            padding-left: .625rem;


        }
    }
}

#pull2{display: none;
    ul{
       
        border-top: 1px solid #ccc; 
        li{
            line-height: 40px;
            height: 40px;
            border-bottom: 1px solid #cccccc;
            font-size: 14px;
            color: black;
            font-weight: bold;
            background-color: #fff;
            padding-left: .625rem;


        }
    }
}

#content{
    ul{            
        display:flex;
        flex-wrap: wrap;
        li{

            height: 19rem;
            width: 42%;
            padding: .3125rem .625rem .5rem .625rem;
            margin: .3125rem;
            border :10px solod red;
            background-color: #fff;
            img{
                height: 11.25rem;
                padding-top: 2.5rem;
                width: 10rem;background-color: #fff;
            }
            a{
                font: normal 13px 'Microsoft yahei';
                color: black;
                margin-bottom: 5px;
                margin-top: 5px;
            }
        }
    }
}













